@lobehub/chat
Version:
Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.
51 lines (44 loc) • 1.16 kB
text/typescript
import { createStyles } from 'antd-style';
export const useStyles = createStyles(({ css, token, isDarkMode }) => ({
banner: css`
opacity: ${isDarkMode ? 0.9 : 0.4};
`,
container: css`
position: relative;
overflow: hidden;
height: 100%;
border-radius: 12px;
background: ${token.colorBgContainer};
box-shadow: 0 0 1px 1px ${isDarkMode ? token.colorFillQuaternary : token.colorFillSecondary}
inset;
transition: box-shadow 0.2s ${token.motionEaseInOut};
&:hover {
box-shadow: 0 0 1px 1px ${isDarkMode ? token.colorFillSecondary : token.colorFill} inset;
}
`,
desc: css`
min-height: 44px;
margin-block-end: 0 ;
color: ${token.colorTextDescription};
`,
tagBlue: css`
color: ${token.geekblue};
background: ${token.geekblue1};
`,
tagGreen: css`
color: ${token.green};
background: ${token.green1};
`,
time: css`
color: ${token.colorTextDescription};
`,
title: css`
zoom: 1.2;
margin-block-end: 0 ;
font-size: 18px ;
font-weight: bold;
`,
token: css`
font-family: ${token.fontFamilyCode};
`,
}));